<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="pb" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>车辆基础资料</title>
<link href="<%=path%>/CSS/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path%>/JQuery/jquery-1.8.2.js"></script>
<%@ include file="/WEB-INF/JSP/ajax.jsp"%>
<style type="text/css">
.seachform li label {
	line-height: 45px;
	color: #444444
}

.scinput {
	line-height: 10px;
	margin-top: 5px
}

.scinput1 {
	margin-top: 5px;
	height: 30px;
}

.scbtn {
	background: #57a0ff;
	border-radius: 20px;
	width: 110px;
	margin-top: 4px;
	height: 35px
}

.scbtn2 {
	height: 20px;
	background: #57a0ff;
	border-radius: 20px;
	width: 50px;
	color: #fff;
	display: none;
}

.tablelist {
	border: none;
	margin: 10px 20px
}

.tablelist th {
	background: none;
	border-bottom: none;
}

thead {
	background: #f2f2f2
}

tbody tr:nth-child(even) {
	background: #f7f8fd
}

.tablelist th {
	height: 45px;
	padding-left: 30px
}

.tablelist td {
	border-right: none;
	padding-left: 30px
}

tbody tr {
	height: 38px
}

.check {
	padding-left: 0px
}

a {
	cursor: pointer;
}
.tablelist{width:500px;border:0px;border-collapse:collapse;border-spacing:0;}
.tablelist tr{height:30px;}
.tablelist tr td{border-bottom:1px solid #BBB;}
</style>
</head>
<body style="background: #f5f5f5;padding: 0 10px;">
	<div class="place" style="background: #f5f5f5; margin-top: 10px">
		<ul class="placeul">
			<li><a href="#">基础资料</a></li>
			<li><a href="#">车辆基础资料</a></li>
			<li><a href="<%=path%>/DrivingSys/queryMaintainItem/look.action">维修项目</a></li>
		</ul>
	</div>

	<div class="rightinfo"
		style="background: #fff; border-radius: 10px; height: 45px;">

		<form action="<%=path%>/DrivingSys/queryMaintainItemByFnameL2" method="post">
			<ul class="seachform">
				<li><label>名称</label><input name="fnameL2" type="text"
											class="scinput" value="${fnameL2}" /></li>
				<li><label>&nbsp;</label><input name="" type="submit"
					class="scbtn" value="立即查询" /></li>

			</ul>
		</form>
	</div>


	<div
		style="width: 100%; overflow: auto; margin-bottom: 0px; margin-top: 30px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #f2f2f2;margin-bottom: 20px;min-height: 600px">
		<ul>
			<li style="height: 40px; text-align: left; color: #999999;">
			<span style="font-size: 12px;"> 
			<shiro:hasPermission name="/insertMaintainItem">
				<img alt="" style="margin-top: 20px; margin-left: 22px; height: 12px;" src="<%=path%>/images/list/xz.png"> &nbsp;
				<a href="<%=path%>/DrivingSys/insertMaintainItem">新增</a> 
			</shiro:hasPermission>
			<shiro:hasPermission name="/deleteMaintainItemByFid">
				<img alt="" style="margin-top: 20px; margin-left: 22px; height: 12px;"src="<%=path%>/images/list/sc.png"> &nbsp;
				<a class="del">删除</a>
			</shiro:hasPermission>
			<shiro:hasPermission name="/selectMaintainItemByFid">
				<img alt="" height="11px" src="<%=path%>/images/list/xg.png" style="padding-left: 20px"> 
				<a class="modify">修改</a> 
			</shiro:hasPermission>
				<shiro:hasPermission name="/importMaintainItem">
				<img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;width: 14px" src="<%=path%>/images/list/excel.png">
					  &nbsp;<a class="outMaintainItemExcel">导出Excle</a>
				</shiro:hasPermission>
			</span></li>
		</ul>
		<table class="tablelist" style="width: auto; white-space: nowrap;">
			<thead>
				<tr>
					<th><input type="checkbox" class="check2"></th>
					<th>编码</th>
					<th>名称</th>
					<th>保修期</th>
					<th>描述</th>
					<th>创建时间</th>
					<th>最后修改时间</th>
					<th>创建者</th>
					<th>修改人</th>
					<th>单价</th>
					<th>工时</th>
					<th>修理厂</th>
					<th>操作</th>
				</tr>
			</thead>
			<c:forEach items="${maintainItems}" var="maintainItems" varStatus="s">
				<tr class="xq">
					<td><input type="checkbox" class="check"
						value="${maintainItems.fid}" name="check" /></td>
					<td>${maintainItems.fnumber}</td>
					<td>${maintainItems.fnameL2}</td>
					<td>${maintainItems.fsimplename}</td>
					<td>${maintainItems.fdescriptionL2}</td>
					<td>${maintainItems.fcreatetime}</td>
					<td>${maintainItems.flastupdatetime}</td>
					<td>${maintainItems.createName}</td>
					<td>${maintainItems.updateName}</td>
					<td>${maintainItems.cfprice}</td>
					<td>${maintainItems.cfmanhours}</td>
					<td>${maintainItems.repairshop}</td>
					<td>
					<shiro:hasPermission name="/selectMaintainItemByFid">
						<img alt="" height="11px" src="<%=path%>/images/list/xg.png"> 
						<a href="<%=path%>/DrivingSys/selectMaintainItemByFid?fid=${maintainItems.fid}" class="tablelink">修改</a> &nbsp;&nbsp;&nbsp; 
					</shiro:hasPermission>
					<shiro:hasPermission name="/deleteMaintainItemByFid">
						<img alt="" style="margin-top: 20px; margin-left: 10px; height: 12px;"src="<%=path%>/images/list/sc.png"> 
						<a class="delOne" class="tablelink" style="color: #056dae">删除
						<input type="hidden" value="${maintainItems.fid}"></a>
						&nbsp;&nbsp;&nbsp;
					</shiro:hasPermission>
					</td>
				</tr>
			</c:forEach>
		</table>
	</div>
	<pg:pager items="${pb.tr}" url="${pb.url}"
			  export="offset,currentPageNumber=pageNumber" maxPageItems="${pb.ps}">
		<pg:param name="fnameL2" value="${fnameL2}"/>
		<pg:index>
			<pg:first>
				<a href="${pageUrl}&&type=${type}"> <nobr> [首页] </nobr>
				</a>
			</pg:first>
			<pg:prev>
				<a href="${pageUrl}&&type=${type}">前一页</a>
			</pg:prev>
			<pg:pages>
				<c:choose>
					<c:when test="${currentPageNumber eq pageNumber}">
						<font color="red">${pageNumber }</font>
					</c:when>
					<c:otherwise>
						<a href="${pageUrl}&&type=${type}">${pageNumber}</a>
					</c:otherwise>
				</c:choose>
			</pg:pages>
			<pg:next>
				<a href="${pageUrl}&&type=${type}">下一页</a>
			</pg:next>
			<pg:last>
				<a href="${pageUrl}&&type=${type}"><nobr>[尾页]</nobr></a>
			</pg:last>
		</pg:index>
	</pg:pager>
	<div style="height: 30px"></div>
    <div id="tip2"></div>
	<div class="tip">
		<div class="tiptop">
            <span>提示信息</span>
		</div>
		<div class="tipinfo">
			<span><img src="<%=path%>/images/ticon.png" /></span>
			<div class="tipright">
				<p>是否确认对信息删除 ？</p>
				<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
			</div>
		</div>
		<div class="tipbtn">
			<input name="" type="button" class="sure" value="确定" />&nbsp; <input
				name="" type="button" class="cancel" value="取消" />
		</div>
	</div>
</body>
<script type="text/javascript">
$(document).ready(function(){
    var flag = "${flag}"
    if (flag == null || flag == '') {

    } else {
        editAlert();
    }
	//删除多个
	$('.del').click(function(){
			var fidids = document.getElementsByName("check");
			var carid; 
			for( var i = 0; i < fidids.length; i++){
				if (fidids[i].checked){
					carid = fidids[i].value;
				}
			}
			if(carid == null || carid == ""){
				alert("请至少选择一条数据删除")
				return false
			}else{
                $("#tip2").css('visibility', 'visible');
				$(".tip").fadeIn(200);
			}
		
		$(".sure").click(function(){
			  $(".tip").fadeOut(100);
			  var str = new Array(); 
			  var fids = document.getElementsByName("check");
				  for( var i = 0; i < fids.length; i++ ){
					  if (fids[i].checked){
						  str[i] = fids[i].value;
				  	   }
				  }
				  if(str == null || str == ''){
					  alert("至少勾选一条数据删除")
					  return false
				  }else{
					  location='<%=path%>/DrivingSys/deleteMaintainItemByFid?deleteId='+str+''; 
				  }
			  })
			  
			  $(".cancel").click(function(){
				  $(".tip").fadeOut(100);
                  $("#tip2").css('visibility', 'hidden');
				});
	})
	//删除单个
	$('.delOne').click(function(){
		var fid = $(this).find("input:hidden").val();
        $("#tip2").css('visibility', 'visible');
			$(".tip").fadeIn(200);
			$(".sure").click(function(){
				location='<%=path%>/DrivingSys/deleteMaintainItemByFid?fid='+fid+''; 
			})
			
			 $(".cancel").click(function(){
				  $(".tip").fadeOut(100);
                 $("#tip2").css('visibility', 'hidden');
			});
			})
		
		//修改
		$(".modify").click(function(){
			var stringFid; 
			var fids = document.getElementsByName("check");
			 for( var i = 0; i < fids.length; i++ ){
			  if (fids[i].checked){
				  stringFid = fids[i].value;
				  location='<%=path%>/DrivingSys/selectMaintainItemByFid?fid='+stringFid+'';
				  return false
		  	   }
		 	 }
			 if(stringFid == null || stringFid.length == 0){
					alert("请至少选择一条数据修改")
					return false
				 }
		})
		
		//查询详情
	 		$(".xq").dblclick(function(){
	 			var modify = $(".modify").text();
	 			if(modify == '' || modify == null){
	 				
	 			}else{
		 			var fid2 = $(this).find(".check").val();
		 			//避免fid中有+，或者特殊字符
		 			var fid = encodeURI(fid2).replace(/\+/g,'%2B')
                    gotoSelectCard(this,'/DrivingSys/selectMaintainItemByFid?fid='+fid);

                    //location='<%=path%>/DrivingSys/selectMaintainItemByFid?fid='+fid+'';
	 			}
	 		})
})

		//设置全选功选 
		$('.check2').click(function(){
			if($(this).attr("checked")){
				 $(":checkbox").prop("checked",true) 
			}else{
				$('input:checkbox').removeAttr('checked')
			}
		})


		//导出
		$('.outMaintainItemExcel').live('click',function () {
			var fnameL2 = $("input[name='fnameL2']").val();//名称
			location = '<%=path%>/DrivingSys/importMaintainItem?fnameL2=' + fnameL2
		})
</script>
</html>